<template>
	<view class="container">
		<form @submit="submitForm" class="form">
			<view class="formBox">
				<page-head title="form"></page-head>
				<view class="uni-padding-wrap uni-common-mt">
					<form @submit="formSubmit" @reset="formReset">
						<!-- 工作照 -->
						<view class="formItem1 image">
							<!-- <view class="title">
									<image src="../../static/img/tx.png" mode="" class="icon"></image>
									修改头像：
								</view> -->
							<text><text class="bt">*</text>{{ app.language.csrq_photo }}:</text>
							<view class="formB">
								<image class="uni-input avatar" :src="photo" @click="chooseImg"></image>
								<!-- <button type="default" @click="chooseImg">上传图片</button> -->
								<!-- <image class="scimage" :src="item" v-for="(item,index) in srcImg" :key='index' @click="previewImg(item)"></image> -->
							</view>
						</view>
						<!-- 姓名 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.name }}:</text>
							<view class="formB">
								<input type="text" v-model="info.name" :placeholder="app.language.Iname" />
							</view>
						</view>
						<!-- 性别 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.gender }}:</text>
							<view class="formB">
								<picker mode="selector" name="gender" :range="genderList" @change="onChangeCzGender">
									<view class="picker">
										{{selectedGenderValue}}
									</view>
								</picker>
							</view>
						</view>
						<!-- 出生日期 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_date }}:</text>
							<view class="formB">
								<picker mode="date" :value="time" :start="startDate" :end="endDate"
									@change="bindDateChange">
									<view class="uni-input">{{time}}</view>
								</picker>
							</view>
						</view>
						<!-- 民族 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.nation }}:</text>
							<view class="formB">
								<picker mode="selector" name="pcs" :range="list" @change="onChange">
									<view class="picker">
										{{selectedChuzMzValue}}
									</view>
								</picker>
							</view>
						</view>
						<!-- 身份证 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.ldy_card }}:</text>
							<view class="formB">
								<input type="text" v-model="info.idcard"
									:placeholder="app.language.ldy_Icard" />
							</view>
						</view>
						<!-- 籍贯 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_nativePlace }}:</text>
							<view class="formB">
								<!-- <input type="text" v-model="info.nativePlace" :placeholder="app.language.csrq_InativePlace"/> -->
								<view class="formB">
									<picker mode="selector" name="hjsx" :range="xhjsxList" @change="onChangeXhjsx">
										<view class="picker">
											{{selectedXhjdzValue}}
										</view>
									</picker>
								</view>
							</view>
						</view>
						<!-- 警号 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_policeNumber }}:</text>
							<view class="formB">
								<input type="text" v-model="info.policeNumber"
									:placeholder="app.language.csrq_IpoliceNumber" />
							</view>
						</view>
						<!-- 人员类别 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_personnelCategory }}:</text>
							<view class="formB">
								<!-- <picker mode="selector" name="personnelCategory" :range="personnelCategoryList"
									@change="onChangeRylbGender">
									<view class="picker">
										{{selectedRylbValue}}
									</view>
								</picker> -->
								<input type="text" v-model="info.personnelCategory"
									:placeholder="app.language.csrq_ipersonnelCategory" />
							</view>
						</view>
						<!-- 部门 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_department }}:</text>
							<view class="formB">
								<!-- <input type="text" v-model="info.departmentp"
									:placeholder="app.language.csrq_Idepartment" /> -->
								<picker mode="selector" name="pcs" :range="paichusuoList" @change="onpcsChange">
									<view class="picker">
										{{selectedValue}}
									</view>
								</picker>

								<!-- <picker mode="selector" name="hjsx" :range="xhjsxList" @change="onChangeXhjsx">
										<view class="picker">
											{{selectedXhjdzValue}}
										</view>
									</picker> -->
							</view>
						</view>
						<!-- 参加工作时间 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_wdate }}:</text>
							<view class="formB">
								<picker mode="date" :value="workTime" :start="startDate" :end="endDate"
									@change="bindworkTimeChange">
									<view class="uni-input">{{workTime}}</view>
								</picker>
							</view>
						</view>
						<!-- 岗位职别 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_positionRank }}:</text>
							<view class="formB">
								<input type="text" v-model="info.positionRank"
									:placeholder="app.language.csrq_IpositionRank" />
							</view>
						</view>
						<!-- 婚姻情况 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_marriage }}:</text>
							<view class="formB">
								<picker mode="selector" name="marriage" :range="hyList" @change="onChangeRylbmarriage">
									<view class="picker">
										{{selectedmarriageValue}}
									</view>
								</picker>
							</view>
						</view>
						<!-- 联系电话 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.phone }}:</text>
							<view class="formB">
								<input disabled type="phone" v-model="info.contactNumber" :placeholder="app.language.Iphone" />
							</view>
						</view>
						<!-- 身高 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_height }}:</text>
							<view class="formB">
								<input type="text" v-model="info.height" :placeholder="app.language.csrq_Iheight" />
							</view>
						</view>
						<!-- 体重 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_weight }}:</text>
							<view class="formB">
								<input type="text" v-model="info.weight" :placeholder="app.language.csrq_Iweight" />
							</view>
						</view>
						<!-- 血型 -->
						<view class="formItem1">
							<text><text class="bt">*</text>{{ app.language.csrq_bloodType }}:</text>
							<view class="formB">
								<picker mode="selector" name="marriage" :range="xuexingList"
									@change="onChangebloodType">
									<view class="picker">
										{{selectedxxValue}}
									</view>
								</picker>
							</view>
						</view>
						<!-- 提交 -->
						<view class="uni-btn-v">
							<button @click="submit" class="btn">提交修改</button>
							<!-- <button type="default" form-type="reset">Reset</button> -->
						</view>
					</form>
				</view>
			</view>
		</form>
	</view>
</template>

<script>
	import {
		updateMjUser,
		usermjInfo
	} from '@/api/user.js'
	import {
		getNationality,
		getJgSq,
		geAgent,
		getPcsList
	} from '@/api/api.js'
	const global = getApp().globalData;
	import config from '@/config'
	export default {
		data() {
			return {
				imgUrl: config.baseUrl,
				app: {
					global: global,
					name: global.appName,
					language: global.language
				},
				// 性别
				genderList: [],
				xingbieList: [],
				selectedGenderValue: "",
				// 出生日期
				time: "",
				// 民族列表
				list: [],
				selectedChuzMzValue: '',
				// 人员类别
				// personnelCategoryList: ['人员类别1', '人员类别2'],
				selectedRylbValue: "",
				// 参加工作时间
				workTime: "",
				// 婚姻情况
				hyList: ['已婚', '未婚', '离异', '丧偶‌', '再婚'],
				selectedmarriageValue: "",
				token: "",
				hrUuid: "",
				info: {},
				srcImg: [],
				// 工作照
				photo: "",
				selectedXhjdzValue: "",
				Hjxslists: [],
				xhjsxList: [],
				// 单位/部门
				paichusuoList: [],
				pcsslist: [],
				selectedValue: "",
				// 血型
				xuexingList: ['A型', 'B型', 'AB型', 'O型', 'RH型'],
				selectedxxValue: ""
			}
		},
		onLoad() {
			this.selectedGenderValue = this.app.language.qxz
			this.time = this.app.language.qxz
			this.selectedChuzMzValue = this.app.language.qxz
			this.selectedRylbValue = this.app.language.qxz
			this.workTime = this.app.language.qxz
			this.selectedmarriageValue = this.app.language.qxz
			this.selectedXhjdzValue = this.app.language.qxz
			this.selectedValue = this.app.language.qxz
			this.selectedxxValue = this.app.language.qxz
			this.getMzList()
			this.getagent()
			this.getHuji()
			this.getPcs()
			setTimeout(() => {
				this.getToken()
			}, 500); // 2000毫秒后执行
		},
		methods: {
			// 获取token
			getToken() {
				let that = this
				uni.getStorage({
					key: 'loginData',
					success: function(res) {
						console.log('res', res)
						that.token = res.data.userInfo.appToken
						that.phone = res.data.phone
						if (that.token) {
							that.getInfo()
						} else {
							uni.navigateTo({
								url: '../login/login',
							});
						}
					}
				});
			},

			// 获取用户信息
			getInfo() {
				uni.showLoading({
					title: this.app.language.jzz,
				});
				// 获取最新的用户信息
				let data = {
					appToken: this.token
				}
				usermjInfo(data).then((res) => {
					uni.hideLoading();
					this.info = res.rows[0]
					this.uuid = res.rows[0].uuid;
					// 性别
					if(this.info.agent){
						this.selectedGenderValue = this.info.agent
					}
					// 出生日期
					if(this.info.birthdate){
						this.time = this.info.birthdate
					}
					// 民族
					if(this.info.nationality){
						this.selectedChuzMzValue = this.info.nationality
					}
					// 参加工作时间
					if(this.info.workTime){
						this.workTime = this.info.workTime
					}
					// 婚姻情况
					if(this.info.marriage){
						this.selectedmarriageValue = this.info.marriage
					}
					// 血型
					if(this.info.bloodType){
						this.selectedxxValue = this.info.bloodType
					}
					// 循环部门/单位遍历数据
					for (let i = 0; i < this.pcssList.length; i++) {
						if (this.info.department == this.pcssList[i].deptId) {
							this.selectedValue = this.pcssList[i].deptName
						}
					}
					// 头像
					if (this.info.photo) {
						console.log('this.info',this.info)
						this.photo = this.imgUrl + this.info.photo
					} else if (!this.info.photo) {
						this.photo = "/static/tx.png"
					}
					console.log('this.photo',this.photo)
					// if (this.info.idcardFront) {
					// 	this.idcardFront = this.info.idcardFront.split(',')
					// }
					// if (this.info.idcardBack) {
					// 	this.idcardBack = this.info.idcardBack.split(',')
					// }
					// console.log('this.info1111111', this.info)
				})
			},

			// 获取户籍地址
			getHuji() {
				let data = {
					"": ""
				}
				getJgSq(data).then((res) => {
					if (res.code == 200) {
						this.Hjxslists = res.data
						for (let i = 0; i < res.data.length; i++) {
							this.xhjsxList.push(res.data[i].domicileName);
						}
					}
				})
			},

			// 籍贯
			onChangeXhjsx(e) {
				this.selectedXhjdzValue = this.xhjsxList[e.detail.value];
				this.info.nativePlace = this.Hjxslists[e.detail.value].domicileId;
			},

			// 获取名族列表
			getMzList() {
				getNationality().then((res) => {
					this.ChuzMzList = res.rows
					for (let i = 0; i < res.rows.length; i++) {
						this.list.push(res.rows[i].dictLabel);
					}
				})
			},

			// 获取性别列表
			getagent() {
				geAgent().then((res) => {
					this.xingbieList = res.rows
					for (let i = 0; i < res.rows.length; i++) {
						this.genderList.push(res.rows[i].dictLabel);
					}
				})
			},

			// 选择性别
			onChangeCzGender(e) {
				this.selectedGenderValue = this.genderList[e.detail.value];
				this.info.agent = this.xingbieList[e.detail.value].dictValue;
			},

			// 获取部门/单位列表
			getPcs() {
				let data = {
					"": ""
				}
				getPcsList(data).then((res) => {
					this.pcssList = res.data
					console.log('res.data', res.data)
					let list = []
					if (res.code == 200) {
						for (let i = 0; i < res.data.length; i++) {
							this.paichusuoList.push(res.data[i].deptName);
						}
					}
				})
			},

			// 选择派出所
			onpcsChange(e) {
				this.selectedValue = this.paichusuoList[e.detail.value];
				this.info.department = this.pcssList[e.detail.value].deptId;
			},

			onChange(e) {
				this.selectedChuzMzValue = this.list[e.detail.value];
				this.info.nationality = this.ChuzMzList[e.detail.value].dictValue;
			},

			// 选择出生日期
			bindDateChange(e) {
				this.time = e.detail.value
				this.info.birthdate = e.detail.value
			},

			// 选择人员类别
			onChangeRylbGender(e) {
				this.selectedRylbValue = this.personnelCategoryList[e.detail.value];
				this.info.personnelCategory = this.personnelCategoryList[e.detail.value];
			},

			// 选择参加工作时间
			bindworkTimeChange(e) {
				this.workTime = e.detail.value
				this.info.workTime = e.detail.value
			},

			// 选择婚姻情况
			onChangeRylbmarriage(e) {
				this.selectedmarriageValue = this.hyList[e.detail.value];
				this.info.marriage = this.hyList[e.detail.value];
			},

			// 选择血型
			onChangebloodType(e) {
				this.selectedxxValue = this.xuexingList[e.detail.value];
				this.info.bloodType = this.xuexingList[e.detail.value];
			},

			// 上传工作照
			chooseImg() {
				uni.chooseImage({
					count: 1,
					success: (res) => {
						let tempFilePaths = res.tempFilePaths;
						this.srcImg = res.tempFilePaths
						tempFilePaths.forEach((item, index) => {
							uni.getFileSystemManager().readFile({
								filePath: item, // 图片文件路径
								encoding: 'base64', // 编码格式为base64
								success: res => { // 成功回调
									console.log('resresres', res)
									let base64 = 'data:image/jpeg;base64,' + res
										.data; // 拼接data URI
									this.photo = base64
									// console.log('this.info',this.info)
									// console.log('this.info.photo',this.info.photo)
								},
								fail: err => {
									console.error('读取文件失败', err);
								}
							});
						});

						// 上传图片并返回路径
						let imgList = []
						tempFilePaths.forEach((tempFilePaths) => {
							const uploadTask = uni.uploadFile({
								url: this.imgUrl + '/common/upload', // 你的ThinkPHP服务器地址
								filePath: tempFilePaths,
								name: 'file', // 这里根据服务器接收的字段来定义
								success: (uploadFileRes) => {
									const data = JSON.parse(uploadFileRes.data);
									console.log('上传成功', data);
									// 这里处理返回的图片路径，例如保存到数组中
									imgList.push(data.fileName);
									this.photo = this.imgUrl + imgList[0]
									this.info.photo = imgList[0]
								},
								fail: (error) => {
									console.error('上传失败', error);
									uni.showToast({
										title: '上传失败',
										icon: 'none',
									});
								}
							});
						});
					}
				})
			},
			// 预览图片
			previewImg(current) {
				uni.previewImage({
					current,
					urls: this.srcImg,
					// 图片指示器样式: 小圆点
					indicator: 'default',
					// 循环预览
					loop: true
				})
			},

			// 上传文件
			uploadImage() {
				let imgList = [];
				return new Promise((resolve, reject) => {
					let returnList;
					//上传图片    
					uni.uploadFile({
						url: baseUrl + '/index.php/api/banner/upload', // 你的ThinkPHP服务器地址
						filePath: this.srcImg[0],
						name: 'file',
						formData: {
							'id': this.info.id
						},
						header: {
							"Content-Type": "multipart/form-data"
						},
						success: (res) => {
							const data = JSON.parse(res.data);
							console.log('上传成功', data);
							// 这里处理返回的图片路径，例如保存到数组中
							imgList.push(data.filename);
							this.imagesList = imgList.join(',')
							resolve(res.data)
						},
						fail: (res) => {
							// msg("图片上传发生错误")    
							reject
						}
					})
					// return list   
				})
			},

			// 提交数据
			submit() {
				// 工作照
				if (!this.info.photo) {
					uni.showToast({
						title: this.app.language.csrq_iphoto,
						icon: 'none',
					});
					return
				}
				// 姓名
				if (!this.info.name) {
					uni.showToast({
						title: this.app.language.Iname,
						icon: 'none',
					});
					return
				}
				//性别 
				if (!this.selectedGenderValue || this.selectedGenderValue === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.Igender,
						icon: 'none',
					});
					return
				}
				// 出生日期
				if (!this.time || this.time === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.csrq_idate,
						icon: 'none',
					});
					return
				}
				// 民族
				if (!this.selectedChuzMzValue || this.selectedChuzMzValue === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.ination,
						icon: 'none',
					});
					return
				}
				// 身证号
				if (!this.info.idcard) {
					uni.showToast({
						title: this.app.language.ldy_Icard,
						icon: 'none',
					});
					return
				}
				// 籍贯
				if (!this.selectedXhjdzValue || this.selectedXhjdzValue === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.csrq_InativePlace,
						icon: 'none',
					});
					return
				}
				// 警号
				if (!this.info.policeNumber) {
					uni.showToast({
						title: this.app.language.csrq_IpoliceNumber,
						icon: 'none',
					});
					return
				}
				// 人员类别
				if (!this.info.personnelCategory) {
					uni.showToast({
						title: this.app.language.csrq_ipersonnelCategory,
						icon: 'none',
					});
					return
				}
				// 单位/部门
				if (!this.selectedValue || this.selectedValue === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.csrq_Idepartment,
						icon: 'none',
					});
					return
				}

				// 参加工作时间
				if (!this.workTime || this.workTime === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.csrq_iedate,
						icon: 'none',
					});
					return
				}
				// 岗位职级
				// info.positionRank
				if (!this.info.positionRank) {
					uni.showToast({
						title: this.app.language.csrq_IpositionRank,
						icon: 'none',
					});
					return
				}
				// 婚姻情况
				if (!this.selectedmarriageValue || this.selectedmarriageValue === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.csrq_imarriage,
						icon: 'none',
					});
					return
				}
				// 联系电话
				if (!this.info.contactNumber) {
					uni.showToast({
						title: this.app.language.Iphone,
						icon: 'none',
					});
					return
				}
				// 身高
				if (!this.info.height) {
					uni.showToast({
						title: this.app.language.csrq_Iheight,
						icon: 'none',
					});
					return
				}
				// 体重
				if (!this.info.weight) {
					uni.showToast({
						title: this.app.language.csrq_Iweight,
						icon: 'none',
					});
					return
				}
				// 血型
				if (!this.selectedxxValue || this.selectedxxValue === this.app.language.qxz) {
					uni.showToast({
						title: this.app.language.csrq_IbloodType,
						icon: 'none',
					});
					return
				}
				uni.showLoading({
					title: this.app.language.jzz,
				});
				this.info.appToken = this.token;
				this.info.uuid = this.info.uuid;
				console.log('通过了', this.info)
				updateMjUser(this.info).then((res) => {
					if (res.code == 200) {
						uni.clearStorageSync();
						let loginData = {
							userInfo: {
								appToken: this.token,
								uuid: this.uuid,
								idcard: this.info.idcard,
								userName: this.info.name,
								phonenumber: this.info.contactNumber,
								agent: this.info.agent,
								birthdate: this.info.birthdate,
								nationality: this.info.nationality,
								nativePlace: this.info.nativePlace,
								policeNumber: this.info.policeNumber,
								personnelCategory: this.info.personnelCategory,
								workTime: this.info.workTime,
								department: this.info.department,
								positionRank: this.info.positionRank,
								marriage: this.info.marriage,
								height: this.info.height,
								weight: this.info.weight,
								bloodType: this.info.bloodType,
								marriage: this.info.marriage,
								photo: this.info.photo,
								peopleType: "police"
							}
						}
						uni.setStorage({
							key: 'loginData',
							data: loginData,
							success: function() {
								console.log('存储成功')
							}
						});
						uni.hideLoading();
						uni.showToast({
							title: this.app.language.success,
							icon: 'success',
						});
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/index/index'
							});
						}, 1000);
					}
				})
			}
		}
	}
</script>

<style>
	.container {
		padding: 20rpx;
	}

	.form {
		box-shadow: 1px 1px 10rpx #ddd;
		/* display: block; */
		width: 100%;
		padding-bottom: 20rpx;
	}

	.formItem {
		margin: 10rpx 0;
		padding: 10rpx;
		/* height: 162rpx; */
		position: relative;
		border-bottom: 1px dashed #ddd
	}

	.infoBox {
		border: 1px solid #ddd;
		padding: 0 20rpx;
		box-shadow: 1px 1px 10rpx #ddd;
	}

	.infoBox1 {
		border: 1px solid #ddd;
		margin-top: 20rpx;
		padding: 0 15rpx;
		box-shadow: 1px 1px 10rpx #ddd;
	}

	.formItem1 {
		margin: 10rpx 0;
		padding: 10rpx;
		/* height: 162rpx; */
		position: relative;
		border-bottom: 1px dashed #ddd
	}

	.formB {
		/* background-color: #f3f3f3; */
		font-size: 24rpx;
		padding: 10rpx;
		/* margin-top: 10rpx; */
		position: absolute;
		right: 10rpx;
		top: -2rpx;
	}

	.formItem text,
	.formItem1 text {
		font-size: 26rpx;
	}

	.hjbImg button {
		font-size: 22rpx;
		width: 149rpx;
		height: 56rpx;
		background: #2f8ef9;
		color: #fff;
	}

	.hjbImg {
		/* position: absolute;
		bottom: 10rpx; */
		width: 150rpx;
		margin-top: 20rpx;
	}

	.scimage {
		width: 142rpx;
		height: 80rpx;
		position: absolute;
		bottom: 4rpx;
		left: 200rpx;
	}

	.title {
		margin-top: 30rpx;
		font-weight: bold;
		font-size: 28rpx;
	}

	.submit {
		background-color: #2f8ef9;
		color: #fff;
		font-size: 28rpx;
		width: 95%;
		margin: 20rpx auto 0;
	}

	.picker {
		padding: 10px;
		text-align: center;
		margin-top: -25rpx;
	}

	.bt {
		color: red;
		margin-right: 5rpx;
	}

	.btn {
		background-color: #2f8ef9;
		color: #fff;
		font-size: 28rpx;
		height: 60rpx;
		line-height: 60rpx;
		position: fixed;
		bottom: 166rpx;
		width: 95%;
	}

	.avatar {
		width: 83rpx !important;
		height: 83rpx !important;
		border-radius: 50%;
		margin-top: -15px;
	}

	.picker,
	.uni-input {
		width: 243rpx;
		color: #808080;
		text-align: right;
	}

	.image {
		padding: 22rpx 10rpx;
	}

	.scimageBox {
		display: inline-block;
		width: 100%;
		height: 100rpx;
		position: relative;
		/* text-align: center; */
	}

	.scimage {
		width: 121rpx;
		height: 80rpx;
		margin-right: 10rpx;
		margin-top: 5px;
		border-radius: 5rpx;
	}

	.title {
		margin-top: 30rpx;
		font-weight: bold;
		font-size: 28rpx;
	}

	.submit {
		background-color: #2f8ef9;
		color: #fff;
		font-size: 28rpx;
		width: 95%;
		margin: 20rpx auto 0;
	}

	.picker {
		padding: 10px;
		text-align: right;
		margin-top: -25rpx;
		padding: 20rpx 0!important;
	}

	.bt {
		color: red;
		margin-right: 5rpx;
	}

	.picker {
		width: 260rpx;
		color: #808080;
	}

	.del {
		color: red;
		font-size: 26rpx;
		text-align: right;
		width: 50rpx;
		height: 50rpx;
		position: absolute;
		right: 0;
		top: -43rpx;
	}

	.delImg {
		width: 50rpx;
		height: 50rpx;
	}
	
	.formB{
		font-size: 24rpx;
		padding: 10rpx;
		margin-top: 10rpx;
		position: absolute;
		right: 10rpx;
		top: -2rpx;
		color: #808080;
		text-align: right;
	}
	
	.picker{
		width: 260rpx;
		color: #808080;
		text-align: right!important;
	}
</style>